@charset "utf-8";
*{ margin:0; padding:0;}
body{ font:12px/1.5 '微软雅黑',tahoma,arial; background:#FFF url(../images/bg.png) center top repeat-x; color:#333;}
ul,ol{ list-style:none;}
a{ color:#000; text-decoration:none;}
a:hover{ color:#F33; text-decoration:underline;}
button,input,select,textarea{ font:12px/1.5 tahoma,arial;}
img{ border:none; vertical-align:bottom;}
.clear{ width:0; height:0; line-height:0; font-size:0; clear:both;}
.box_1{ border:1px solid #EEE; background:#FFF;}
.b1_title{ height:30px; line-height:30px; padding:0 20px;}
.b1_title strong{ font-size:14px; float:left;}
.b1_title span{ float:right;}
.b1_body{ padding-bottom:10px;}

#header{ width:960px; height:100px; margin:0 auto; background:url(../images/bg_header.png) 212px top no-repeat;}
.logo{ width:227px; height:58px; padding:18px 0 0 15px; float:left; background:url(../images/logo.png) right bottom no-repeat;}
.logo a{ display:block; height:58px; text-indent:-9999px;}
.contact_t{ width:276px; height:71px; padding:20px 10px 0 0; float:right; background:url(../images/bg_common.png) left 20px no-repeat; text-indent:-9999px;}

#nav{ width:960px; height:48px; margin:0 auto;}
#nav ul{ padding-top:7px; font-size:16px;}
#nav ul li{ height:36px; margin-right:2px; float:left;}
#nav ul li a{ display:block; height:36px; line-height:36px; padding:0 20px; overflow:hidden; float:left; color:#FFF;}
.nav_on{ background:url(../images/bg_x.png) left -411px repeat-x;}
#nav ul li.nav_on a{ color:#0046b9;}
#nav ul li a:hover{ background:url(../images/bg_x.png) left -411px repeat-x; color:#0046b9; text-decoration:none;}

.banner{ width:960px; height:320px; margin:0 auto;}

.service{ width:962px; height:117px; margin:0 auto; margin-top:20px; background:url(../images/bg_x.png) left top repeat-x; position:relative;}
.service_l{ width:10px; height:117px; background:url(../images/bg_x.png) left -137px no-repeat; position:absolute; left:0; top:0;}
.service_r{ width:10px; height:117px; background:url(../images/bg_x.png) right -274px no-repeat; position:absolute; right:0; top:0;}
.service ul{ margin:0 30px; padding-top:15px;}
.service ul li{ width:180px; padding:0 40px 0 80px; float:left;}
.service ul li strong{ display:block; line-height:36px; font-size:14px; font-weight:normal;}
.service_1{ background:url(../images/icon.png) left 10px no-repeat;}
.service_2{ background:url(../images/icon.png) left -74px no-repeat;}
.service_3{ background:url(../images/icon.png) left -158px no-repeat;}
.service ul li span{ color:#999;}
.service ul li span a{ color:#999;}

#main{ width:960px; margin:0 auto;}
.main_l{ width:250px; float:left;}
.case{}
.case_title{ height:36px; margin-top:10px; padding:0 10px; border-bottom:1px solid #EEE;}
.case_title strong{ display:block; width:111px; height:19px; margin-top:8px; float:left; background:url(../images/bg_common.png) left -110px no-repeat;}
.case_title strong a{ display:block; height:19px; text-indent:-9999px;}
.case_title span{ margin-top:6px; float:right;}
.case_body{}
.case_body ul{}
.case_body ul li{ width:220px; margin:0 auto; margin-top:20px;}
.case_body ul li img{ padding:9px; border:1px solid #ececec; background:#f7f7f7;}
.case_body ul li:hover{ box-shadow:0 0 5px #7E7E7E; color:#F00;}
.case_body ul li:hover a{ color:#F00;}
.case_body ul li span{ display:block; height:20px; line-height:20px; padding-top:5px; font-size:14px; text-align:center;}
.case_body ul li em{ display:block; height:20px; line-height:20px; text-align:center; font-size:12px; font-style:normal; font-family:Verdana, Geneva, sans-serif;}
.main_r{ width:700px; float:right;}
.price_list{ height:536px; margin-top:10px; background:url(../images/bg_price_list.png) no-repeat;}
.price_list table{}
.price_list table span{ display:none;}
.price_list table div{ padding:5px 10px;}
.price_list table td{ overflow:hidden;}
.btn_order{ display:block; height:100px; text-indent:-9999px;}

.news{ width:343px; margin-top:10px; float:left;}
.tech{ width:343px; margin-top:10px; float:right;}
.news ul,.tech ul{ padding:10px 20px;}
.news ul li,.tech ul li{ height:30px; line-height:30px; overflow:hidden; padding-left:7px; background:url(../images/point.png) left 15px no-repeat;}
.news ul li span,.tech ul li span{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#999; float:right;}

.flinks{ width:958px; margin:0 auto; margin-top:10px; border:1px solid #ededed; background:#f9f9f9;}
.flinks_title{ height:3px; line-height:25px; padding:0 4px;}
.flinks_title strong{ float:left;}
.flinks_title span{ color:#F00;}
.flinks_body{ padding:0px 70px; }
.flinks_body ul{}
.flinks_body ul li{ display:inline; padding:0 0px;}

#footer{ margin-top:10px; background:#f4f4f4 url(../images/bg_footer.png) left top repeat-x;}
.footer{ width:960px; height:150px; margin:0 auto;}
.logo_footer{ width:200px; height:42px; padding:40px 0 0 40px; background:url(../images/logo_b.png) right bottom no-repeat; float:left;}
.logo_footer a{ display:block; height:42px; text-indent:-9999px;}
.footer_info{ width:685px; float:right;}
.nav_footer{ height:30px; line-height:30px; margin-top:29px;}
.copyright{ margin-top:10px; line-height:18px;}

.main_l_i{ width:212px; margin-top:10px; background:url(../images/bg_y.png) left top repeat-y; float:left;}
.categroy{}
.cate_title{ height:56px; background:url(../images/bg_common.png) left -149px no-repeat;}
.cate_title strong{ display:block; width:130px; padding:19px 0 0 70px; font-size:16px; color:#FFF; text-align:center;}
.cate_body{}
.cate_body ul{ padding:10px 0;}
.cate_body ul li{ height:39px; margin:10px 0 0 0; padding-left:34px; text-align:right; font-size:14px; font-weight:bold;}
.cate_body ul li a{ display:block; height:39px; line-height:35px; padding:0 50px 0 0;}
.cate_body ul li a:hover{ background:url(../images/bg_common.png) left -225px no-repeat; text-decoration:none;}
.cate_body ul li.cate_on a{ background:url(../images/bg_common.png) left -225px no-repeat;}
.contact{ width:172px; height:236px; margin:20px 0 0 15px; background:url(../images/bg_common.png) left -284px no-repeat;}
.contact ul{ padding:50px 10px 0 10px;}
.contact ul li{ line-height:18px; margin-top:5px;}
.categroy_b{ height:10px; margin-top:20px; background:url(../images/bg_y.png) -232px bottom no-repeat;}

.main_r_i{ width:730px; float:right;}
.thisplace{ height:40px; line-height:40px; margin-top:10px; padding-left:20px; border-bottom:1px dotted #CCC;}
.main_content{ padding:2px 4px; line-height:1.8em; font-size:14px;}

.news_list{ padding:2px 4px;}
.news_list ul{}
.news_list ul li{ height:24px; line-height:24px; overflow:hidden; padding:10px; border-bottom:1px dotted #CCC; font-size:14px;}
.news_list ul li span{ float:right; font-size:10px; color:#999;}
.news_main{ padding:20px 40px;}
.news_main h1{ height:40px; line-height:40px; text-align:center; font-size:20px;}
.news_info{ height:24px; line-height:24px; text-align:center; color:#999;}
.news_body{ padding:20px 0; line-height:1.8em; font-size:14px;}
.news_body p{ text-indent:2em; margin-top:10px;}

.pages{ padding:20px; text-align:center;}
.pages ul{}
.pages ul li{ display:inline;}
.pages ul li a,.pages ul li span{ padding:5px 10px;}

.case_list{}
.case_list ul li{ width:180px; margin-top:20px; padding:0 15px; float:left;}
.case_list ul li img{ padding:9px; border:1px solid #ececec; background:#f7f7f7;}
.case_list ul li span{ display:block; height:20px; line-height:20px; overflow:hidden; padding-top:5px; font-size:14px; text-align:center;}
.case_list ul li em{ display:block; height:20px; line-height:20px; text-align:center; font-size:12px; font-style:normal;}

.case_main{ padding:20px 40px;}
.case_main h1{ height:40px; line-height:40px; font-size:20px; text-align:center;}
.case_img{ width:400px; height:250px; margin:0 auto; margin-top:20px; padding:10px; border:1px solid #CCC; background:#EEE;}
.case_price{ font-size:14px; text-align:center;}
.case_body1{ margin-top:20px; padding:20px; line-height:1.8em; border:1px solid #CCC; background:#EEE; font-size:14px;}

.r-c{     cursor: pointer;  float:right;    margin-top: 22.5px;}
.r-c span.Tmenu_icon { cursor: pointer; margin-left: 25px;position: relative;display: inline-block; width: 45px; height: 45px;line-height: 45px;
 vertical-align: middle;z-index: 4;}
.r-c span i {    position: absolute; width: 65%;background: #000;height: 1px;margin-top: -1.5px;left: 25%;top: 50%;}
.r-c span i::before { position: absolute; background: #000;right: 0; width: 100%; height: 100%;
content: '';transition: transform 0.3s;top: 9px;}
.r-c span i::after {position: absolute; background: #000; right: 0;width: 100%; height: 100%; content: '';transition: transform 0.3s;top: -9px;}
.r-c img{    margin: 34px auto;}
.r-h{display:none; position: fixed;top: 0; left: 0; width: 100%; height: 100%;z-index: 998;background-color: rgba(0, 0, 0, .7);transition: .3s; cursor: pointer;}
.r-ct{      position: fixed;top: 0;right:-100%;width:100%;height: 100%; background:#000;background-size:cover; z-index: 999;transition: .5s cubic-bezier(.77,0,.175,1); overflow: auto;}
.r-ct.r-co{right:0;}
.cha{height: 25px;    margin-top: 40px;padding-right: 40px; cursor: pointer;}
.cha img{    float: right;}
.r-l img{margin:0 auto;}
.r-ct .cl ul li{margin-top: 10px;text-align:center;}
.r-ct .cl ul li dl{ display:none;}
.r-ct .cl ul li:hover a{color:#fff;}
.r-ct .cl ul li a{   color: #888;  font-size: 22px; font-weight: bold;padding: 20px 0;}
.r-h.r-o{display:block;visibility: visible}
.mlogo{ float:left;}
.mob{       position: relative;z-index: 10;  padding: 0 10%; display:none;}
.js-sildero{display:none;}


@media (max-width: 991px) and (min-width: 767px) {
.cl{    position: absolute; width: 100%; top: 15%;}
.r-ct .cl ul li { margin-top: 25px;}
img{  width: auto !important; height: auto !important;  max-width: 100%;}
#nav,#header{display:none;}	
body{background:none;}
.mob{ display:block;   padding: 0 6%;}	
.mlogo{width: 140px; margin-top:7px;}
.r-c{margin-top: 6px;}
.service,#main{  overflow: hidden; height:auto;  width: 100%;background:none;}
.service_l,.service_r,#footer{background:none;}
.service ul li { width:33.333333%;    margin-bottom: 25px;}
.main_l,.news,.main_r,.tech,.flinks{ width:100%;    float: none; overflow: hidden;}
.case_body ul li{   width:47%; overflow: hidden;  float: left; padding:11px;}
.logo_footer{display:none;}
.price_list{width: 100%;    background-size: cover;}
.price_list table div{    padding: 10px 10px;}
.case_body ul li img{ padding:0;border:none; background:none; width:100%; height:auto;}
.footer,.main_l_i{ width:100%; }
.footer_info{ float:none;   width: 100%;    background: #000;
 overflow: hidden; color:#fff;}
.nav_footer a{ color:#fff;   }
.copyright{padding: 10px;}
.nav_footer{height:auto; padding: 10px; }
.service ul{margin: 0 10px;}

.contact{display:none;}
.cate_title{background:#0050ad;}
.main_l_i,.categroy_b{background:none;}
.cate_body ul li.cate_on a{background:none;    padding: 0 50px 0 50px;}
.cate_body ul li a{ padding: 0 50px 0 50px;}
.cate_body ul li{ text-align:center; float: left;margin: 10px;  padding-left: 0;   background: #f7f7f7;}
.cate_title strong{width: 100%;    padding: 19px 0 0 0;}
.main_l_i{margin-top: 0;}
.cate_body ul{text-align:center; }
.main_r_i{width:100%;}
table,#dituContent{ width: 100% !important;}
.news_list,.news_main,.case_main{    padding: 20px 0px;}
.main_content{    padding: 20px 20px;}
.news_list ul li{    height: auto;}
.news_main h1{height: auto;}
.case_list ul li{width: 47%;padding: 10px;;}
.case_list ul li img{padding: 0;}
.case_img{width:auto; height:auto;}
.case_main img{ display:block; margin:0 auto;}
}
@media screen and (max-width: 767px) {
img{  width: auto !important; height: auto !important;  max-width: 100%;}
#nav,#header{display:none;}	
body{background:none;}
.mob{ display:block;    padding: 0 6%;}	
.mlogo{width: 140px; margin-top:7px;}
.r-c{margin-top: 6px;}
.service,#main{  overflow: hidden; height:auto;  width: 100% !important;background:none;}
.service_l,.service_r,#footer{background:none;}
.service ul li { width: 70%;    margin-bottom: 25px;}
.main_l,.news,.main_r,.tech,.flinks{ width:100%;    float: none; overflow: hidden;}
.case_body ul li{   width:100%; overflow: hidden;  float: left; padding:2px;}
.price_list,.logo_footer{display:none;}
.case_body ul li img{ padding:0;border:none; background:none; width:100%; height:auto;}
.footer,.main_l_i{ width:100%; }
.footer_info{ float:none;   width: 100%;    background: #000;
 overflow: hidden; color:#fff;}
.nav_footer a{ color:#fff;   }
.copyright{padding: 10px;}
.nav_footer{height:auto; padding: 10px; }
.service ul{margin: 0 10px;}
.js-silder{display:none;}
.js-sildero{display:block;}
.contact{display:none;}
.cate_title{background:#0050ad;}
.main_l_i,.categroy_b{background:none;}
.cate_body ul li.cate_on a{background:none;    padding: 0 50px 0 50px;}
.cate_body ul li a{ padding: 0 50px 0 50px;}
.cate_body ul li{ text-align:center;  display: inline-block;   padding-left: 0;   background: #f7f7f7;}
.cate_title strong{width: 100%;    padding: 19px 0 0 0;}
.main_l_i{margin-top: 0;}
.cate_body ul{text-align:center; }
.main_r_i{width:100%;}
table,#dituContent{ width: 100% !important;}
table td{    width: 100% !important;float: left;text-align: left !important;}
.news_list,.news_main,.case_main{    padding: 20px 0px;}
.main_content{    padding: 20px 20px;}
.news_list ul li{    height: auto;}
.news_list ul li span{    display: block;float: none;}
.news_main h1{height: auto;}
.case_list ul li{width:100%;padding: 0 0;}
.case_list ul li img{padding: 0;}
.case_img{width:auto; height:auto;}
}